@charset "UTF-8";
  
.rrbox{
	overflow:hidden;
}

.rrbox .rrboxright {
  position:absolute; 
  display:block;  
  top: 0;
  right:0;
  bottom: 0px; 
  width: 596px;
  padding:0;
  margin-right:0px;  
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

.rrbox.boxdisplay .rrboxright {
    margin-right:  -597px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
 
.rrbox .rrboxmain {
  position: absolute;
  display:block;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0; 
  padding:0;
  margin-right: 596px; 
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease; 
}
 
.rrbox.boxdisplay .rrboxmain{
    margin-right: -1px; 
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}